<script type="text/javascript" src="__PUBLIC__/js/jquery/lin_shadePic.js"></script>
                        	<div class="jqueryTitle mt5">
                            	<span>实现原理</span>
                            </div>
                            <div class="p15">
                            	通过在参数指定的元素下加入遮罩对象，然后监听指定元素的hover事件分别处理当前对象下的遮罩元素的显示和隐藏。(IE6不支持，不要问为什么，因为它就是不支持透明度)
                            </div>
                            
                        	<div class="jqueryTitle mt5">
                            	<span>相关参数</span>
                            </div>
                            <div class="p15">
                            	<table cellpadding="0" cellspacing="0" class="jqueryAttr">
                                	<thead>
                                    	<tr>
                                        	<th>参数名</th>
                                            <th>参数说明</th>
                                        </tr>
                                    </thead>
                                    <tbody>
		<tr>
        	<td>maskClass</td>
            <td>遮罩层样式,默认lin_mask</td>
        </tr>
		<tr>
        	<td>childElement</td>
            <td>遍及处理的子元素,默认li</td>
        </tr>        
        <tr>
        	<td>opacity</td>
            <td>遮罩层透明度,默认0.3</td>
        </tr>
        </tbody>
                                </table>
                            </div> 
                            <div class="jqueryTitle mt5">
                            	<span>演示效果</span>
                            </div>
                            <div class="p15">
                            	<p class="pt15">前期准备：头部加入jquery-1.7.2.min.js;lin_shadePic.js文件</p>
                            	<div class="pt15"><strong>效果</strong></div>
                                <p>CSS</p>
                                <pre>.lin_picList{margin:0px auto; margin-bottom:10px;}
.lin_picList li{float:left;display:inline;}
.lin_picList li a{display:block; position:relative;}</pre>
                                <p>js</p>
                                <pre>$(".lin_picList").lin_shadePic();</pre>
             <div class="blank10"></div>
			<ul class="lin_picList clearfix">
    			<li>
        			<a href="javascript:void(0);" class="subLink" >
            			<img src="__PUBLIC__/images/jquery/a.gif"  width="200" height="125"/>
            		</a>    
        		</li>
    			<li>
        			<a href="javascript:void(0);" class="subLink">
            			<img src="__PUBLIC__/images/jquery/b.gif" width="200" height="125"/>
            		</a>
        		</li>
    			<li>
        			<a href="javascript:void(0);" class="subLink">
            		<img src="__PUBLIC__/images/jquery/a.gif" width="200" height="125"/>
            		</a>
        		</li>                
    		</ul>
                            	                             
                                
                            </div>  
                        

                            <div class="clearfix pt40 pb40">
                            	<a href="http://url.cn/PisooV" title="《{$data.title}》源代码下载" class="jqueryDown" rel="nofollow" target="_blank">《{$data.title}》源代码下载</a>
                            </div>   
                        
 
 <script type="text/javascript">
 $(function(){
	 		 	$(".lin_picList").lin_shadePic();
	});
 </script>   
